<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <title>Editor</title>
    <link
            rel="stylesheet"
            data-name="vs/editor/editor.main"
            href="/node_modules/monaco-editor/min/vs/editor/editor.main.css"
    />
    <style>
        body, html {
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

        #container {
            height: 100%;
            width: 100%;
            display: flex;
            flex-direction: column;
        }

        #app{
            flex-grow: 1;
        }
    </style>
</head>

<body>
<noscript>
    <strong>We're sorry but yvan-ui doesn't work properly without JavaScript enabled. Please enable it to
        continue.</strong>
</noscript>
<div id="container">
    <div>
        <select id="dataKey"></select>
    </div>
    <div id="app"></div>
</div>
</body>
<script>
  var require = {paths: {vs: '/node_modules/monaco-editor/min/vs'}};
</script>
<script type="text/javascript" src="/node_modules/monaco-editor/min/vs/loader.js"></script>
<script type="text/javascript" src="/node_modules/monaco-editor/min/vs/editor/editor.main.nls.js"></script>
<script type="text/javascript" src="/node_modules/monaco-editor/min/vs/editor/editor.main.nls.zh-cn.js"></script>
<script type="text/javascript" src="/node_modules/monaco-editor/min/vs/editor/editor.main.js"></script>
<script type="text/javascript" src="/static/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="./editor.js"></script>
</html>
